<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>创造狮</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="mycss/Develop.css" />
    <link rel="stylesheet" href="./caomei1.2.8/style.css">
</head>
<body>
    <!-- 最外层大盒子 -->
    <div class="content">
        <!-- 表格 -->
        <table class="table">
            <tr>
                <!-- 左侧导航栏 -->
                <td class="menu-td">
                    <div class="menu">
                        <div class="logo">
                            <a href="index.html"><img src="image/logo.svg"></a>
                        </div>
                        <div class="text-1">为创意工作者而设计</div>
                        <div class="menu-item-1">
                            <a href="./index.html">
                                <i class="czs-circle"></i>
                                <span>设计Design</span>
                            </a>
                        </div>
                        <ul class="menu-1"></ul>
                        <div class="menu-item-2">
                            <a href="./Develop.html">
                                <i class="czs-square"></i>
                                <span>前端Develop</span>
                            </a>
                        </div>
                        <ul class="menu-2">
                            <li><a href="son-2.html#热门推荐" target="iframe_a"><i class="czs-fire-l"></i>&nbsp 热门推荐</a></li>
                            <li><a href="son-2.html#前端框架" target="iframe_a"><i class="czs-new-l"></i>&nbsp 前端框架</a></li>
                            <li><a href="#论坛社区"><i class="czs-talk-l"></i>&nbsp 论坛社区</a></li>
                            <li><a href="#学习平台"><i class="czs-blackboard-l"></i>&nbsp 学习平台</a></li>
                            <li><a href="#个人框架"><i class="czs-user-framework"></i>&nbsp 个人框架</a></li>
                            <li><a href="#在线编程"><i class="czs-command-l"></i>&nbsp 在线编程</a></li>
                            <li><a href="#代码托管"><i class="czs-code-branch"></i>&nbsp 代码托管</a></li>
                            <li><a href="#构建工具"><i class="czs-construct-l"></i>&nbsp 构建工具</a></li>
                            <li><a href="#检查测试"><i class="czs-detect-l"></i>&nbsp 检查测试</a></li>
                            <li><a href="#内容管理"><i class="czs-container-l"></i>&nbsp 内容管理</a></li>
                            <li><a href="#后端系统"><i class="czs-server-l"></i>&nbsp 后端系统</a></li>
                        </ul>
                        <div class="menu-item-3">
                            <a href="./Product.html">
                                <i class="czs-triangle"></i>
                                <span>产品Product</span>
                            </a>
                        </div>
                        <ul class="menu-3"></ul>
                        <div class="menu-item-4">
                                <a href="./Orerate.html">
                                    <i class="czs-camber"></i>
                                    <span>运营Orerate</span>
                                </a>
                            </div>
                        <ul class="menu-4"></ul>
                        <a href="#" class="text-2"><span class="text-2-s">更多导航节点</span></a>
                        <a href="#" class="text-2"><span class="text-2-s">&copy;创造狮</span></a> 
                    </div>
                </td>
                <!-- 右侧内容 -->
                <td class="right">
                    <iframe src="son-2.html" name="iframe_a" frameborder="0" width="100%" height="100%" scrolling="auto"></iframe>
                </td>
            </tr>
         </table>
    </div>
</body>
</html>